body, div, dl, dt, dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote th,td{margin:0;padding:0;}
body{font:80.75%/1.5 "Microsoft Yahei",'STheiti',Verdana,arial,sans-serif;color:#666}
/*html{ */
/*    filter: grayscale(100%); */
/*    -webkit-filter: grayscale(100%); */
/*    -moz-filter: grayscale(100%); */
/*    -ms-filter: grayscale(100%); */
/*    -o-filter: grayscale(100%); */
/*    filter: url("data:image/svg+xml;utf8,#grayscale"); */
/*    filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); */
/*    -webkit-filter: grayscale(1);*/
/*}*/
table{border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption, cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
capation,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before, q:after{content:' '}
abbr,acronym{border:0;}
.graybg{background:#fff}
.w1200{margin:0 auto;width:1200px}
.dn{display:none}
.fl{float:left}
.fr{float:right}
.black{ color:#333;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f24{font-size:24px;}
.f20{font-size:20px;}
.f28{font-size:28px;}
.f30{font-size:30px;}
.f32{font-size:32px;}
.f36{font-size:36px;}
.fb{font-weight:bold;}
.fn{font-weight:normal;}
.t2{text-indent:2em;}
.lh150{line-height:150%}
.lh180{line-height:180%}
.lh200{line-height:200%}
.unl{text-decoration:underline;}
.no_unl{text-decoration:none;}
.border{ border:1px solid #ddd;}
.black{ color:#333;}
.blue{ color:#2577e3;}
.write{ color:#fff;}
.red{ color:#A5012A;}
.gray-1{ color:#ccc;}
.gray-2{ color:#666;}
.gray-3{ color:#888;}
.gray-4{ color:#999;}
.yellow{ color:#fe9601;}
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.bc{margin-left:auto;margin-right:auto;}
.cb{clear:both;}
.cl{clear:left;}
.cr{clear:right;}
.clearfix{zoom:1;}
.clearfix:after{ content:""; display:block; clear:both;}
*html .clearfix{height:1%}
.Clearfix{display:block;}
.vm{vertical-align:center;}
.pr{position:relative;}
.pa{position:absolute;}
.abs-right{position:absolute;right:0;}
.zoom{zoom:1}
.hidden{visibility:hidden;}
.none{display:none;}

.top-r-link strong{
	display: inline-block;
	width:46px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align:middle;
}

/* 强制换行 */
.break-word{word-wrap: break-word; word-break:break-all;}
/* 强制不换行 */
.nowarp{white-space:nowrap;}
.input-xmini{
	width:30px}	
.input-mini {
	width:60px}
.input-small {
	width:90px}
.input-medium {
	width:150px}
.input-large {
	width:210px}
.input-xlarge {
	width:270px}
.input-xxlarge {
	width:530px}
/* Layout & Wrapper Settings */
.bk,.bk3,.bk6,.bk8,.bk10,.bk15,.bk20,.bk30{clear: both;font-size:0;height: 0;overflow:hidden;}
.bk8{height:8px;}
.bk15{height:15px;}
.bk20{height:20px;}
.bk30{height:30px;}
.bk40{height:40px;}
.w10{width:10px;}
.w20{width:20px;}
.w30{width:30px;}
.w40{width:40px;}
.w50{width:50px;}
.w60{width:60px;}
.w70{width:70px;}
.w80{width:80px;}
.w90{width:90px;}
.w100{width:100px;}
.w260{width:260px;overflow:hidden;}
.w250{width:250px;overflow:hidden;}
.w200{width:200px;}
.w300{width:300px;}
.w400{width:400px;}
.w500{width:500px;}
.w600{width:600px;}
.w720{width:720px; overflow:hidden;}
.w730{width:730px; overflow:hidden;}
.w800{width:800px;}
.w{width:100%}
.h50{height:50px;}
.h80{height:80px;}
.h100{height:100px;}
.h200{height:200px;}
.h300{height:300px;}
.h400{height:400px;}
.h{height:100%}
.m5{margin:10px;}
.m10{margin:10px;}
.m15{margin:15px;}
.m30{margin:30px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt50{margin-top:50px;}
.mt100{margin-top:100px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb100{margin-bottom:100px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml50{margin-left:50px;}
.ml100{margin-left:100px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr50{margin-right:50px;}
.mr100{margin-right:100px;}
.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}
.p30{padding:30px;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}
.pt100{padding-top:100px;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:30px;}
.pb50{padding-bottom:50px;}
.pb100{padding-bottom:100px;}
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pl40{padding-left:40px;}
.pl50{padding-left:50px;}
.pl60{padding-left:60px;}
.pl70{padding-left:70px;}
.pl100{padding-left:100px;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pr50{padding-right:50px;}
.pr100{padding-right:100px;}


/*关于我们*/

.positionbar{ height:40px; line-height:40px;margin-bottom:10px;}
.positionbar ul li{ height:40px; line-height:40px; float:left; background:url(images/arrow.png) no-repeat right center; padding:0 14px 0 10px; font-size:14px; }
.positionbar ul li.last{ background:none;}
.positionbar ul li a{color:#cacaca;}

.positionbar ul .ico{ display:block; width:24px; height:40px; background:none; border-bottom:2px solid #00AA98; margin:0; padding:0; padding:0 5px;}
.positionbar ul .ico img{ float:left; margin-top:8px;}

.tip-info{ color:#959595; line-height:160%; font-size:14px; text-indent:2em; background:url(images/bd.png) no-repeat left top; margin-bottom:25px;}


.sharebox{ padding:5px; border:1px solid #ddd; display:none}
.sharebox li{ float:left; margin-right:12px; position:relative; left:6px; top:2px;}



.pagination{
margin: 0;
padding:25px 0;
text-align:center; /*Set to "right" to right align pagination interface*/
font-size: 13px;background:#fff
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding:3px 10px;
text-decoration: none; background:#F0F4F8;
color: #777;
margin:0 4px;
}

.pagination a:hover, .pagination a:active{
color: #fff;
background:#666;
}

.pagination span{
padding:3px 10px;
color: #fff;
background:#666;
}


.daoyu{ padding:10px; background:#f4f4f4; color:#666; border:1px solid #eee; font-size:14px;}
.tip-bar{ line-height:1.6; background:#f7f7f7; padding:1.5% 2%; font-size:14px;color:#999}
.tip-bar span.tit{ font-size:14px;font-weight:bolc;color:#444}
.svg-demo{ width: 100%; height: 150px;}
.art-content h2,.art-content h5{font-weight:900;color:#333;font-size:24px;padding:20px 0 15px;position: relative;margin-top:30px;}
.art-content h3,.art-content h4{font-weight:900;color:#444;font-size:20px;padding:6px 0 10px}
.art-content p{margin-bottom:15px;font-size:16px;line-height:1.8;color:#404040;text-align:justify;word-break: break-all;}
.art-content img{text-align:center; margin:0 auto;}
.art-content li{word-wrap:break-word}
.art-content a{color:#0c94d7}
.art-content a:hover{color:#0c94d7;text-decoration:underline}
.left-aside-nav .left-h-fon{background:#f5f5f5;line-height:40px;padding-left:10px;font-size:15px;font-weight:bold}


.link-box h3{line-height:1.2;color:#069; font-size:26px;}
.ullist4 li{ line-height:30px; font-size:14px; background:url(images/dotted2.png) no-repeat left center; padding-left:15px;}
.ullist4 li .time{ color:#999; display:block; margin-top:20px;font-size:14px;font-weight:normal}
.ullist4 li img{float:left;width:222px;height:auto;display:block }
.ullist4 li p{margin-left:250px;font-size:20px;font-weight:bold}
.qa-related-list li p{
    position: relative;
    margin-left:0;
}
.qa-related-list  li .time{
    position: absolute;
    right: 0;
    margin-top:0;
    top: 0;
}

 .comment dl{ padding-bottom:10px; border-bottom:1px solid #ddd; padding-top:10px;}
 .comment dl dt{ float:left;}
 .comment h3{font-size:26px;color:#2a2a2a}
 .comment h3 i{font-style:normal;font-size:14px;color:#999;padding-left:10px}
 .comment h3 span{color:#328bd1;font-size:14px}
 .comment h4{font-size:18px}
 
.comment dl dt img{  width:50px; height:50px;}
.comment dl dd{ float:left; text-align:left; padding-left:20px;}
.comment dl dd h2{ color:#01A998; font-size:14px; line-height:100%; font-weight:bold; margin-bottom:5px;}
.comment dl dd .det-c{ border-left:1px solid #D5D5D5; color:#868686; padding-left:10px;}
.comment dl dd .cbar{ padding:3px 10px;}
.comment dl dd .time{color:#868686;}
.comment dl dd a{color:#868686;}
  

/**
 * 网站地址: http://www.21ecu.com
 * ----------------------------------------------------------------------------
 * $codex 1. id和class命名采用该版块的英文单词或组合命名，并第一个单词小写，第二个单词首个字母大写，如:thinkCss（最新产品/think+Css)
 * $codex 2. CSS样式表各区块用注释说明
 * $codex 3. 尽量使用英文命名原则
 * $codex 4. 尽量不加中杠和下划线
 * $codex 5. 尽量不缩写，除非一看就明白的单词
 * $hack :ie 6 _  \ ie7 *+ \  ie6,ie7 *  \  ie7,firefox !important ie9, \9
*/
 body{ color:#666;background:#fff;/* background:#E9E9E7 url(images/bg.png) repeat-y center top;
    background-attachment: fixed;
    background-position: center;*/
 }
a{outline:none; text-decoration:none; color:#262626;} a:hover{ text-decoration:underline;}
a:hover{ color:#f00; text-decoration:none;}
html{zoom:1;}html *{outline:0;zoom:1;} 
img:hover
{
opacity:0.8;
filter:alpha(opacity=80); /* 针对 IE8 以及更早的版本 */
}
/**
 +------------------------------------------------------------------------------
 * Public Class
 +------------------------------------------------------------------------------
 * @subpackage  RBAC
 +------------------------------------------------------------------------------
 */
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }.clearfix {display:block;}.clear{ clear:both;}/* 清除浮动*/
.colwrapper { overflow:hidden; zoom:1 /*for ie*/; margin:5px auto; }/* 高度自适应 */ 
.strong{ font-weight: bold;} .left{ float: left;} .right{ float: right;} .center{ margin:0 auto; text-align:center;}
.show{ display:block; visibility:visible;}.hide{ display: none; visibility:hidden;}
.block{ display:block;} .inline{ display:inline;}
.transparent{filter:alpha(opacity=50); -moz-opacity:0.5;/** Firefox 3.5即将原生支持opacity属性，所以本条属性只在Firefox3以下版本有效 ***/ -khtml-opacity: 0.5; opacity: 0.5; } .break{ word-wrap:break-word;overflow:hidden; /*word-break:break-all;*/}

.tal{ text-align:left} .tar{ text-align:right;}

/* 兼容IE6的定位属性fixed，固定不动样式 */
.fixed{
	position:fixed; 
	clip:rect(0 100% 100% 0);
	_position:absolute;
	
	/* 底部 */
	bottom:0px;
	left:0px;
}
/* 解决固定层在IE6下闪的问题 */
*html{
	background-image:url(images/07ebbcfd74c04603bf6b9f3f13316f63.gif);
	background-attachment:fixed;
}

/**
 +------------------------------------------------------------------------------
 * FCK 兼容解决方案
 +------------------------------------------------------------------------------
 * @subpackage  RBAC
 +------------------------------------------------------------------------------
 */
em{ font-style:italic !important;} strike{ text-decoration:line-through !important;} strong{ font-weight:bold !important;} u{ text-decoration:underline !important;}
.font14px{ font-size:14px;}
.font9pt{ font-size:9pt;}
.wrapper-outer{
 	height:auto; overflow:hidden; 
 	position: relative;
 }
 .wrapper{position:relative;width:1200px; margin:0 auto;z-index:1000}
 .row{
 	clear:both; height:auto; overflow:hidden;
 }






 .topBar{position:relative; background:#fff;line-height:64px;z-index:100;box-shadow:3px 0 7px #ccc;font-size:15px;z-index:10002;}
.logomobile{
	display: none;
}
.topBar a:hover{color:#006699}
 .topBar .t-fl{color:#666;position: relative}
 .search-fr{padding-top:6px;margin-left:40px;font-size:0;}
 
.top-r-link a{padding:0 10px;}

 .header{margin-top:30px;height:0}
 .contribute{ float:left; margin-left:20px;  display:none}
 .contribute a{ display:inline-block; width:141px; height:43px; background:#00AA98 url(images/tg.png) no-repeat center center;}
 .contribute a:hover{ opacity:0.8;
filter:alpha(opacity=80); /* 针对 IE8 以及更早的版本 */}
 .ah_nav_zuo_lim {
	float:left;
	background:#333 ;
	*width:249px;
	/*height:43px;*/
}
.seach_cha {
	float:left;
	background:#000 url(images/search_bg.png) no-repeat 5px center;
	border:none;
	height:20px; padding:2px 2px 2px 35px;
	line-height:20px; border:1px solid #333;
	width:170px;
	color:#999999;font-family:"微软雅黑", "黑体", Arial;
}
.seach_dian {
	float:right;
	width:40px;
	height:24px;
	background:#333;
	border:none;
	padding:0px;
	cursor:pointer; color:#fff; font-family:"微软雅黑", "黑体", Arial; font-size:14px;
}
.seach_dian:hover{opacity:0.8;
filter:alpha(opacity=80); /* 针对 IE8 以及更早的版本 */

}
 
 .pull-left{ width:680px; float:left; height:46px; line-height:46px;} 

 .navbar{ height:46px;background:#474546;font-size:12px;border:1px solid #333;box-shadow:0 2px 0 #777 inset;padding:1px}
 
 .pull-right{ width:240px; float:right; height:46px; line-height:46px; display:none} 
 
 
 
/*主导航*/ 
.navbg{height:46px;width:880px}
#navul li{position:relative;line-height:2.2}
#navul li.navhome{text-align:center;padding:0 10px;width:50px; background:#00AA98; color:#fff;}
#navul li a{display:block;padding:0 17px;background:url(images/dot.png) no-repeat left 10px;-webkit-transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-webkit-transition: all 200ms;-moz-transition: all 200ms;transition: all 200ms}
#navul li a:hover{color:#0c94d7;text-decoration:none;background-position:0 -14px}
#navul li ul{padding-left:2em}
#navul li ul li{display:block;float:none;margin-right:0px;height:30px;position:relative;line-height:30px;overflow:hidden;z-index:999999;} 
.pull-right ul{float:right;}
.pull-right ul li{ float:left; padding:0 10px; font-size:14px;height:46px; line-height:46px;}
.pull-right ul li a{ color:#fff;}
.pull-right ul li.weibo a,.pull-right ul li.weixin a{ display:block; float:left; width:30px; height:30px; font-size:14px; text-indent:-99999em; margin-top:8px;} 
.pull-right ul li.weibo,.pull-right ul li.weixin { padding:0 10px 0 5px;}
.pull-right ul li.weibo a{ background:url(images/ico_sprit.png) no-repeat 0 0;} 
.pull-right ul li.weibo a:hover{ background:url(images/ico_sprit.png) no-repeat 0 -30px;}  
.pull-right ul li.weixin a{ background:url(images/ico_sprit.png) no-repeat -30px 0;} 
.pull-right ul li.weixin a:hover{ background:url(images/ico_sprit.png) no-repeat -30px -30px;} 
 
 .con-left{ width:73%; float:left;}
 .con-about{width:100%}
 .con-about span.fr{display:none}
 .con-left img{width:auto;max-width:100%;height:auto}
 .thumb img{width:100%;height:auto}

/* .cen-pub-flex{
    display: flex;
    align-items: flex-start;
    justify-content:flex-end;
} */
.left-aside-nav{width:110px;float: left;}
.left-aside-nav.fixednav{
    position: fixed;
    top: 18px;
    margin-left: -600px;
    left: 50%;
}
.left-aside-nav.absnav{
    position: absolute;
    top: auto;
	bottom: 45px;
}
/*.left-aside-nav h3{margin-bottom:10px;height:34px;line-height:34px;font-size:15px;color:#333;text-indent:10px;background:#f5f5f5;font-weight:bold}*/
.cen-body{width:1070px;margin-left:140px;}
.index-pubfon .cen-body.con-prt2{margin-left:0}
.cen-body .con-left{width:760px}
/*.con-prt2{margin-left:0}*/
.con-prt2 .con-left{width:68.6%}
 .con-right{ width:24%; float:right;min-width:300px} 
 .ad-box img{width:100%;height:auto}
.menu-list{position:relative;padding-top:15px;z-index:3}
.menu-list .ss{position:absolute;float:none;top:0;right:0}
.menu-list li{float:left;margin:0 15px}
.menu-list a{display:block;width:65px;color:#999;text-align:center}
.menu-list a:hover{color:#ddd}
.menu-list i{margin:0 auto 6px;display:block;width:45px;height:45px;background:url(images/icon.png) no-repeat;border-radius:45px;overflow:hidden;-webkit-transition:.4s;-webkit-transition:-webkit-transform .4s ease-out;transition:transform .4s ease-out;-moz-transition:-moz-transform .4s ease-out}
.menu-list i:hover{transform:rotateZ(360deg);-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg)}
.menu-list a:hover{text-decoration:none}
.menu-list .icon2 i{background-position:-49px 0}
.menu-list .icon3 i{background-position:-100px 0}
.menu-list .icon4 i{background-position:-148px 0}
.menu-list .icon5 i{background-position:-201px 0}


.new-box-item .new-box-h{
    position: relative;
    font-size: 16px;
}
.new-box-item .new-box-h a{
    position: absolute;
    right:10px;
    font-size: 12px;
}
.mail-box{
	background: #f9f9f9;
	padding-bottom: 15px;
}
 
/*焦点图*/ 
.yx-rotaion-btn,.yx-rotaion-title,.yx-rotation-focus,.yx-rotation-t,.yx-rotaion-btn{position:absolute}
.rotaion_list{height:334px;}
.rotaion_list li{width:100%;min-height:315px}
.rotaion_list img{width:100%;height:auto;left:auto}
.yx-rotation-title{position:absolute;width:100%;height:35px;line-height:35px;background:#000;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;left:0;bottom:0;_bottom:-1px;z-index:1; }
.yx-rotation-t{color:#fff;font-size:15px;font-family:microsoft yahei;z-index:2;bottom:0;left:10px;line-height:35px}
.yx-rotation-t:hover{color:#fff}
.yx-rotation-focus span,.yx-rotaion-btn span{background:url(images/ico.png) no-repeat;display:block;}
.yx-rotation-focus{height:40px;line-height:40px;right:20px;bottom:-5px;z-index:2}
.yx-rotation-focus span{width:12px;height:12px;line-height:12px;float:left;margin-left:5px;position:relative;top:14px;cursor:pointer;background-position:-24px -126px;text-indent:-9999px}
.yx-rotaion-btn{width:100%;height:41px;top:50%;margin-top:-20px;}
.yx-rotaion-btn span{width:41px;height:41px;cursor:pointer;position:relative}
.yx-rotaion-btn .left_btn{background-position:-2px -2px;float:left;left:-6px;}
.yx-rotaion-btn .right_btn{background-position:-2px -49px;float:right;right:-6px;}
.yx-rotaion-btn .left_btn:hover{background:url(images/ico2.png) no-repeat;background-position:-2px -2px;float:left;left:-6px}
.yx-rotaion-btn .right_btn:hover{background:url(images/ico2.png) no-repeat; background-position:-2px -49px;float:right;right:-6px}
.yx-rotation-focus span.hover{background-position:-10px -126px}
.rotaion_list{width:0;height:0;overflow:hidden;}

.icon{ display:inline-block; margin:0 3px;}
.icon-00{ background:url(images/ico_00.png) no-repeat; width:12px; height:12px;}
.icon-01{ background:url(images/ico_01.png) no-repeat; width:12px; height:12px;}
.icon-02{ background:url(images/ico_02.png) no-repeat; width:12px; height:12px;}
.icon-03{ background:url(images/ico_03.png) no-repeat; width:12px; height:12px;}
.icogroup .ico-list{ display:inline-block; margin-right:10px; color:#aaa;}
/* .icogroup{padding-bottom:15px;border-bottom:1px dashed #eee} */
.ico-list a{margin-left:6px;display: inline-block;line-height:22px;padding:0 6px;background:#FF5858;color:#fff;font-size:12px;border-radius:3px;}
.ico-list a:nth-child(2){background:#84BEF3}
.ico-list a:nth-child(3){background:#D2C23F}
.ico-list a:nth-child(4){background:#aca673}
.ico-list a:nth-child(5){background:#7382ac}
.ico-list a:hover{color:#fff;opacity:.85}
.mub-tags-box{text-align:right;}
.topNav-box{position: relative;z-index:10001;}


.main-tit {font-size:13px;color:#ababab}
 .main-tit .tit{color:#000; font-size:24px;margin-right:15px;font-weight:500}
 .main-tit2{padding-bottom:15px;line-height:1.1;color:#000;font-weight:900}
 .main-tit2 .tit2{background:#00AA98; padding:1px 5px; color:#fff; font-size:18px; display:inline-block;text-align:center; margin-right:10px; line-height:120%; margin-bottom:12px;vertical-align:middle}
  .main-tit2 .tit2:hover{opacity:0.8;
filter:alpha(opacity=80);} 
.main-tit2 .fb{font-size:36px;color:#000;text-align:justify}

 .articleCon li{ position:relative; padding:25px 0;border-bottom:solid #eee 1px;}
 .articleCon li .thumb{ float:left; width:224px;overflow:hidden;position:relative;overflow:hidden;}
 .articleCon li .clearfix{position:relative;}
 .articleCon li .mark{margin-left:246px;position:relative;height:100%;}
 
 .articleCon li .mark h2{font-size:20px;padding-bottom:10px;text-align:justify;line-height:1.2;color:#000;}
 .articleCon .cen-qa-list{
     padding: 16px 0;
 }
  .articleCon .cen-qa-list .mark{
      margin-left:0;
  }
.articleCon .cen-qa-list .mark h2{
    font-weight: bold;
}
 
  /*.articleCon li:hover{background:#f5f5f5}*/
 .mark h4 a{color:#000}
  .mark h4 a:hover{color:#93825b}
 .articleCon li .mark .icogroup{ padding-bottom:10px;white-space:nowrap;font-size:12px;position:relative;} 
 .articleCon li .mark .info{margin-top:5px;line-height:1.6;font-size:13px;color:#787878;word-break: break-all;text-align:justify;min-height:72px;}  
  .articleCon li a.more{right:20px;color:#fff; width:85px; height:28px; display:block; background:#666; position:absolute; bottom:14px;text-align:center; font-size:14px;line-height:28px;}
  .articleCon li a.more:hover{ color:#fff; width:85px; height:28px; display:block; background:#333;line-height:28px; text-align:center; text-decoration:none;} 
 .articleCon li .thumb .thumb_link{
     position: relative;
     z-index: 1;
     display: block;
     line-height: 0;
 }
 .articleCon li .thumb span{
     position: absolute;
     left: 4px;
     top: 10px;
     opacity: .85;
     z-index: 2;
 }
 .articleCon li .mark .icogroup p{
     position: absolute;
     right: 0;
     top: 0;
 }

  /* 置顶 */
  .zhiding-box{
	  position: relative;
	  font-size:0;
	  overflow: hidden;
	  margin-left: 770px;
  }
  .zhiding-box .articleCon{
	  display: flex;
	  justify-content: left;
	  flex-flow: row wrap;
  }
  .zhiding-box .articleCon .hot-tt-box{
      position: relative;
	  width:48.5%;
	  border:none;
	  padding: 0;
  }
  .zhiding-box .articleCon li:nth-child(2n){
      margin-left:3%;
  }
  .zhiding-box .articleCon li:nth-child(3),.zhiding-box .articleCon li:nth-child(4){
      margin-top: 3%;
  }
  .hot-tt-im{
      position: relative;
	  line-height:0;
	  z-index: 1;
	  /* height:140px;
	  overflow: hidden; */
  }
  .hot-tt-cn{
      position: absolute;
      left: 0;
      bottom: 0;
      width: 92%;
      padding: 8px 4%;
      color: #fff;
      background: rgba(0,0,0,.7);
      z-index: 2;
  }
  .hot-tt-im img{
	  position: relative;
	  height:153px;
	  z-index: 1;
  }
  .hot-tt-cn p{
	  font-size:13px;
      text-align: justify;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space: nowrap;
  }
 
 
/*右边*/ 
.mail-box h3{position:relative;font-size:18px;color:#fff;padding-left:15px;line-height:41px;background:url(images/xuebg.jpg) no-repeat;background-size:100% 100%}
.mail-box h3 span{position:absolute;right:5px;bottom:-2px;font-size:11px;opacity:.68;}
.mail-box .icogroup{ padding-top:10px; background:url(images/line2.png) repeat-x left top; font-size:14px;}
.mail-box .icogroup li{ float:left; height:25px; line-height:25px; padding-right:10px;} 
.mail-box .icogroup li img{ float:left; margin:0 5px;} 
 
 
 .title{position:relative; height:30px; line-height:20px; color:#282828; margin-bottom:10px; font-size:18px;font-weight:500;border-bottom:solid #E6E6E6 2px;padding-left: 0}
 .title span,.con-right .new-box-h span{
 	position:relative;
	display: inline-block;
	height:30px;	
 }

 .con-right .new-box-h{
	 background:none;
	 color:#333;
	 border-bottom:solid #eee 2px;
}
 .con-right .new-box-h span{height:34px;}
  .title span:before, .con-right .new-box-h span:before{
  	position:absolute;
  	left:0;
  	bottom:-2px;
  	width:100%;
  	height:2px;
  	background:#175683;
  	content:""
  }
  .divcolortags{margin-top:20px;}

   .newlist{padding:0 0 15px}
  .newlist dl{ padding-bottom:10px; margin-bottom:5px; border-bottom:1px dotted #B7B7B7;}
 .newlist dt{ height:35px; line-height:35px; font-size:14px;}
 .newlist .thumb{ width:100px; float:left; height:65px; overflow:hidden;}
 .newlist .thumb img{ width:100px; height:65px;}
 .newlist p{ width:180px; float:right; color:#666;} 
 .ullist li{overflow:hidden; height:28px; line-height:28px;text-indent:10px; background:url(images/dotted.png) no-repeat left center;font-size:14px;}
  .ullist2 li{overflow:hidden; height:40px; line-height:40px;border-bottom:1px solid #EAEAEA; padding:0 10px 0 18px;position:relative}
    /*.ullist2 li:hover{border-left:3px solid #00AA98; background:#F8F8F8;}*/
    .ullist2 li span{
        display: none;
    }
    .ullist2 li:before{
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -7px;
        width: 14px;
        height: 14px;
        background: #a0a0a0;
        color: #fff;
        font-size: 12px;
        font-family: Arial;
        line-height: 14px;
        text-align: center;
    }
    .ullist2 li:first-child:before,.ullist2 li:nth-child(2):before,.ullist2 li:nth-child(3):before{
        background: #c6726a;
    }
    .ullist2 li:first-child:before{
        content: "1";
    }
    .ullist2 li:nth-child(2):before{
        content: "2";
    }
    .ullist2 li:nth-child(3):before{
        content: "3";
    }
    .ullist2 li:nth-child(4):before{
        content: "4";
    }
    .ullist2 li:nth-child(5):before{
        content: "5";
    }
    .ullist2 li:nth-child(6):before{
        content: "6";
    }
    .ullist2 li:nth-child(7):before{
        content: "7";
    }
    .ullist2 li:nth-child(8):before{
        content: "8";
    }
    .ullist2 li:nth-child(9):before{
        content: "9";
    }
    .ullist2 li:nth-child(10):before{
        content: "10";
    }
  .ullist3 li{ padding-bottom:12px; border-bottom:1px dotted #e0e0e0; padding-top:12px;}
 .ullist3 .user{ float:left; width:40px; height:40px;border-radius:40px;overflow:hidden}
  .ullist3 .user img{width:100%;height:auto}
  .ullist3 .info{margin-left:52px}
  .ullist3 .info h3{ line-height:25px; font-size:14px;}
   .ullist3 .info p{ font-size:12px;word-wrap:break-word}
   .label-list  span{  display:inline-block; margin-right:10px; padding:2px 5px; background:#D7EAE6; margin-bottom:10px;}
.label-list  span a{ color:#fff; font-size:14px;}
.label-list  .color-a{ background:#428BCA; color:#fff;}
.label-list  .color-b{ background:#01B606; color:#fff;}
.label-list  .color-c{ background:#FD9B01; color:#fff;}
.label-list  .color-d{ background:#ED02DA; color:#fff;}
.label-list  .color-e{ background:#D22301; color:#fff;}
.label-list  .color-f{ background:#4C4C4C; color:#fff;}
.label-list  .color-g{ background:#01BBA3; color:#fff;}  
 .label-list  .color-h{ background:#01BBA3; color:#fff;}  
 .label-list  .color-l{ background:#ABB502; color:#fff;}  
 .label-list  .color-o{ background:#654500; color:#fff;}  
 .label-list  .color-p{ background:#A202FD; color:#fff;} 
 .divcolortags span{opacity:0.4;}
 .divcolortags span:hover{opacity:1;}
 
 .zz-list ul li{ margin-bottom:20px;}  
  .zz-list img{width:100%;height:auto}
   .coop { padding:10px 11px; border:1px solid #ddd; margin-bottom:20px; }
 .coop ul li{ float:left;margin:5px;}
  .coop ul li img{width:50%}
  
 
 .box-b{position:relative;}
 .box-b .arrow-right{ display:block; width:22px; height:21px; background:url(images/arrow-right.png) no-repeat; position:absolute; right:-1px; top:-1px;}



/*解决IE6下不兼容 position:fixed 的问题*/
#code,#code_hover,#gotop{ width:36px; height:48px; background:url(images/icon.png) no-repeat; position:fixed; right:50px; cursor:pointer}
#code{ background-position:-276px -258px; bottom:120px; _margin-bottom:120px;}
#code_hover{ background-position:-316px -258px; bottom:120px; _margin-bottom:120px;}
#gotop{ background-position:-276px -310px; bottom:67px; _margin-bottom:67px;} 

#code_img{ width:270px; height:355px; background:url(images/icon.png) -4px -3px no-repeat; position:fixed; right:90px; bottom:67px; cursor:pointer; display:none;}

 
 .footer{padding:30px 1%;background:#2e2e2e}
 .footer a{color:#878787;padding:0 4px}
  .footer a:hover{text-decoration:underline}
  .footer .col{text-align:center;line-height:2;font-size:12px}
 .footer .col div{ float:left;}
 .footer .col div.span-a{ float:left; width:420px; padding-right:10px; background:url(images/line.png) no-repeat right center; color:#8F8F8F; padding-top:5px;}
 .footer .col div.span-a p{ line-height:180%;}
 .footer .col div.span-b{ width:368px; padding:10px 52px; background:url(images/line.png) no-repeat right center; color:#8F8F8F;}
 
 .footer .col div.span-b h1{ line-height:30px; font-size:14px; margin-bottom:7px;}
 .footer .col div.span-b p{ font-size:12px;line-height:180%; }
.span-c{margin-top:20px;line-height:0}
 .frend-link{padding:10px 20px;background:#fff;border-radius:4px;overflow:hidden}
 .frend-link h3{ height:55px; line-height:55px; border-bottom:1px solid #eee; margin-bottom:8px;font-size:18px;}
 .frend-link h3 span.fr{ height:55px; line-height:55px; float:right;font-size:14px}
 .frend-link dl{padding:2px 0;line-height:25px;font-size:0}
 .frend-link dt{display:inline-block;*display:inline;*zoom:1; font-weight:bold;color:#bebebe;font-size:12px;vertical-align:middle}
 .frend-link dd{display:inline-block;*display:inline;*zoom:1;font-size:12px;vertical-align:middle}
  .frend-link dd a{ display:inline-block; padding:0 12px;color:#999}
 
 
blockquote{ background:#f4f4f4; padding:10px; margin-left:0; margin-right:0; border-left:3px solid #ddd;}
.art-content .demo-btn{margin:10px 0 30px;display:block;width:100px;height:40px;line-height:40px;background:#F17D66;color:#fff;text-align:center;border-radius:5px}
.art-content .demo-btn:hover{text-decoration:none;background:#ED5D40;color:#fff}
 
 /*--------tag------------*/
.taglist dl dd{margin-bottom:35px;}
.taglist dl dd a{color:#666;padding:0 5px;line-height:30px;display:inline-block;}
.table{margin-top:10px;width:100%;border:solid #eee;border-width:0 1px 1px 0}
.table th{background:#f5f5f5}
.table th,.table td{line-height:20px;padding:6px 1%;border:solid #eee;border-width:1px 0 0 1px}
.table td{font-size:14px}

/*---------------------------引用\评论----------------------------------*/
ul.msg{
	width:98%;
	padding:20px 0;
	text-align:left;
	list-style-position : outside;
    table-layout: fixed;
    word-wrap:break-word;
    border-bottom:1px dotted #eaeaea;
}

li.msgname{
	margin:0px;   
	font-weight: bold;
    font-size:14px;
}
.revertcomment a{color:#529EF0}

.msgname small{padding-left:6px;
font-weight:normal;color:#9f9f9f}

li.msgurl{
	text-align:right;
	padding:2px 10px 2px 10px;
	margin:0;
    font-size:1em;
}


li.msggravatar{
	display:block;
	float:left;
	margin-right:5px;
}

li.msgarticle{
	list-style-position : outside;
	padding-top:10px;
	margin:0;
	line-height:160%; 
	padding-left:67px;
}
li.msgtime{
	padding:5px 0 0 0;
	font-weight: normal; 
	font-size:0.8em;
}
.commentname{
	padding-left:18px
}
img.avatar{
	width:40px;
	height:40px;
	float:left;
	padding:4px;
	border:1px solid #eaeaea;
	border-radius:40px
}
ul.msg ul.msg{
	padding:20px;
	margin:20px 0 0 0;
    border-bottom:none;
    background:#F7F7F7
}
ul.msg ul.msg li.msgarticle{
	padding-bottom:0px;
    border-bottom:0px solid #eaeaea;
    padding-left:0
}
ul.msg ul.msg li .commentname{
	padding-left:0
}

ul.msg ul.msg li.msgname{
	padding:0;
}
ul.msg ul.msg li.msgname img{
	display:none
}



/*---------------------------相关文章----------------------------------*/
ul.mutuality,ul.pagebar,ul.msghead{
	border:none;border-left:solid #4d9ddf 4px;
}
ul.mutuality li.tbname,ul.msghead li.tbname{
	color:#444;
	font-size:15px;font-weight:bold;line-height:1.6
}
ul.mutuality li.msgarticle{
	padding-left:0px;
	border:none;
}

/* tags */
.tags-infobox{
	margin-top:30px;
	padding:40px 60px;
	background:#fff;
}
.tags-infobox .tags-info-title{
	font-size:42px;
	text-align:center;
	font-weight:bolder;
}
.tags-infobox .tags-info-list p{
	margin-bottom:20px;
	font-size:16px;
	line-height:1.8;
	text-align:justify;
}
.tags-infobox .tags-info-list h2{
	font-weight:bold;
	padding:25px 0 20px;
	font-size:28px;
}
.tags-infobox .tags-info-list h3{
	font-weight:bold;
	padding:25px 0 20px;
	font-size:22px;
}
.tags-infobox .tags-info-list  ul{
	margin:0 0 20px 30px;
}
.tags-infobox .tags-info-list  ul li p{
	margin-bottom:6px;
}

/* toolbanner */
.tool-banner{
	background:#f5f5f5;
	padding:60px 0;
	text-align:center;
	border-bottom:solid #ddd 1px;
}
.tool-hfon{
	font-size:40px;
	color:#000;
	font-weight: bolder;
}
.tool-banner p{
	margin-top:5px;
	color:#666;
	font-size:18px;
}



/*-------------------留言回复------------------------------*/
li.msgarticle div.quote{
	margin:10px 0 0 0;
    padding:10px;
	background:#FFFFFF;
    border:1px #F4F4F4 solid;
}
li.msgarticle div.quote-title{
	margin:0;
	padding:0;
	font-size:1em;
    color: red;
}





/************评论发表用的样式*************/
#divCommentPost{
	width:98%;
	margin:0 0 0 0;
	padding:5px 0 15px;
}

#divCommentPost p{margin-top:10px;}
#divCommentPost label{margin-top:5px;}

#divCommentPost p.posttop{
color:#3c6da7;
}

#divCommentPost img{margin-bottom:-0.5em;}
#cancel-reply{float:right;margin-right: 2em;}
div.reply-frm{
	background:#f0f0f0;
	box-shadow: 0 0 15px #666;
	margin:1em 1% !important;
	padding:.3em .8em !important;
	min-width:330px;
}

input.text{
border:1px solid #d7d7d7;
line-height:20px;
height:24px;
padding:2px 5px 2px 5px;
}
#txaArticle{padding:5px;width:95%;height:150px;border:1px solid #d7d7d7;}
input.button {color:#FFF; font-size:16px; width:104px; height:38px; background:#3a6ea5;cursor: pointer;border:none;border-radius:4px;}
input.button:hover{background:#315C8B}

.navbar  li:hover > ul {
    display: block;
}
.pagebar.commentpagebar{
    text-align: center;
    padding: 30px 0;
}
.pagebar.commentpagebar a{
    padding: 0 10px;
}
.pagebar.commentpagebar a,.pagebar.commentpagebar span{
    font-size: 15px;
}

/* 工具页面 */
#banner{padding:20px 0 40px;text-align:center;position:relative;background:#f5f5f5;margin-bottom:35px}
#banner h2,#banner h3{margin:0;padding:0;text-align:center;font-size:60px;color:#555;line-height:1.6}
#banner h3{font-size:30px;color:#888;font-weight:normal}
#content section{margin-bottom:20px;overflow:hidden}
#content section h2{margin-bottom:20px;padding-bottom:20px;height:30px;position:relative;font-size:20px;color:#333;border-bottom:solid #eee 1px;font-weight:bold}
#content section h2 span{top:0;left:0;padding-right:8px;line-height:30px;color:#28d;background:#fff;font-size:18px;z-index:1;position:absolute}
#content section h2 small{font-size:12px}
#content section ul{margin:0;overflow:hidden}
#content section ul.iconlist li{margin:0 0 60px 20px;width:380px;overflow:hidden;float:left;overflow:hidden;position:relative}
#content section ul.iconlist li div.btns,#content section ul.iconlist li p.icon{float:left;position:relative}
#content section ul.iconlist li div.info{float:none;margin-left:100px;clear:none}
#content section ul.iconlist li p.icon{margin-right:15px;width:86px;height:86px}
#content section ul.iconlist li div.info h3,#content section ul.iconlist li div.info p{margin:0;padding:0}
#content section ul.iconlist li div.info p{margin-bottom:10px;padding:0 20px 0 0;color:#999;font-size:14px}
#content section ul.iconlist li div.info .btn{padding:6px 20px;font-size:14px;background:#4D9DDF;color:#fff;border-radius:4px}
#content section ul.iconlist li div.info .btn:hover{background:#3D94DC;text-decoration:none}
#content section ul.boxlist li{padding-left:15px;width:203.33px;height:30px;overflow:hidden;float:left;position:relative}
#content section ul.boxlist li a{line-height:30px}
.articleList{
    position: relative;
}
.articleList .add-questions{
    position: absolute;
    right:0;
    top:-5px;
    display: block;
    width:120px;
    line-height:34px;
    background: #1389c3;
    box-shadow: 0 3px 0 #0b5a81;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    border-radius: 5px;
}

/* new 首页 */
.logo{}
.logo i{display:inline-block;vertical-align:middle;margin:0 auto 24px;width:60px;height:60px;background:url(images/nlogo.png) no-repeat;background-size:100%}
.logo a{font-size:24px;color:#006699;font-weight:bold;margin-top:4px;}
.logo a:hover{text-decoration:none;color:#004a6f}
/*.logo span{position:relative;top:2px;font-size:28px;color:#006699;font-family:Tahoma}*/
.search-fr{padding-top:0;color:#e8e8e8}
.search-fr a{color:#4d4d4d;padding:0 7px}

.search-fr s{
	display: inline-block;
	vertical-align:middle;
	background:url(images/public.png) no-repeat;
}
.search-fr s{
	margin-left:4px;
	width:10px;
	height:8px;
	background-position:-43px 0;
}
.search-fr .s-tp{
	background-position:-54px 0
}
.top-r-link i{
	width:22px;
	height:20px;
}
.top-r-link .tp-ic1 i{
	background-position:-73px 0
}
.top-r-link .tp-ic1:hover i{
	background-position:-95px 0
}
.top-r-link .tp-ic2 i{
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url(/images/icon.png) no-repeat center top;
	vertical-align: middle;
}
.top-r-link .tp-ic3 i{
	width:24px;
	background-position:-156px 0
}

.search-fr li{
	position: relative;
	display: inline-block;
	*display: inline;
	*zoom:1;
	vertical-align:top;
	font-size: 14px;
}

.sub-nav{
	position: absolute;
	top:64px;
	left:50%;
	margin-left:-54px;
	width:150px;
	background:rgba(0,102,153,.8)!important;
	background:#B6E6FF;
}
.sub-nav li{
	display:block;
	padding:0 10px;
	line-height:40px;
}
.sub-nav a,.sub-nav a:hover{
	display: block;
	padding:0;
	width:100%;
	color:#fff
}
.sub-nav li:hover{
	background:#006192
}


.nav-more .more-icon{position:relative;top:4px;display:inline-block;width:18px;cursor:pointer;color:#9a9a9a;-webkit-transition:-webkit-transform .3s ease-out;transition:-webkit-transform .3s ease-out;-o-transition:transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out}
.nav-more:hover .more-icon{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
.more-icon .box{display:block;position:relative;width:14px;height:8px}
.more-icon .box:before{left:0}
.more-icon .box:after,
.more-icon .box:before{position:absolute;top:0;content:"";width:6px;height:6px;background:#9a9a9a}
.more-icon .box:after{left:8px}
.nav-more:hover .more-icon .box:after,
.nav-more:hover .more-icon .box:before{background:#069}
.nav-more .more-icon .box-t:before{-webkit-transition:-webkit-transform .3s ease-out .3s;transition:-webkit-transform .3s ease-out .3s;-o-transition:transform .3s ease-out .3s;transition:transform .3s ease-out .3s;transition:transform .3s ease-out .3s,-webkit-transform .3s ease-out .3s}
.nav-more:hover .more-icon .box-t:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.qq_nav .nav-more:hover .more-icon{color:#069}
.nav-more .more-icon s{display:none}


/* new 内页新版 */
.page-wrapper .wrapper{padding-top:25px}
.page-adbox{margin:30px auto 20px;line-height:0;background:#f5f5f5}
.page-left-nav{position:absolute;top:24px;left:-155px;width:145px;font-size:12px}
.page-left-nav h3{font-weight:bold;font-size:15px;line-height:32px;margin-bottom:4px;background:#f5f5f5;padding-left:15px}
.page-position-box .box-a{border:none}
.page-position-box .seach_cha{background:#fff;color:#666;width:220px;padding-left:15px;height:28px;line-height:28px;border-color:#ccc}
.page-position-box .seach_dian{height:32px;width:60px;background:#666}
.page-position-box .ah_nav_zuo_lim{position:relative;top:10px}
.page-position-box .positionbar ul .ico{border-bottom:none}







.ad-box{overflow:hidden}
/*.page-con-box{margin-left:0}*/
.page-con-box .con-left{width:67%}
.page-con-box .art-content{padding:15px 0 30px}
.page-con-box .art-content ul{padding-bottom:18px}
.page-con-box .art-content ul li{list-style:disc;margin-left:30px}
.page-con-box .art-content ul li p{margin-bottom:0}
.page-left-pad{position:relative;padding:10px 10px;margin-top:10px;}
.page-title-fon{padding:0 10px;}
.page-con-box .icogroup{border:none}
.icogroup .tags-icon-f{margin-right:0}
.art-content .visit-website,.art-content .webFrom{display:block;margin:45px 0;width:100%;background:#e5e5e5;text-align:center;padding:14px 0;line-height:20px;font-size:16px;color:#888;border-radius:3px}
.art-content .visit-website:hover,.art-content .webFrom:hover{text-decoration:none;background:#4ba6e5;color:#fff}

.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}
.panel-body{padding:15px}
.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px;background:#f5f5f5;border-color:#ddd}
.panel-heading>.dropdown .dropdown-toggle{color:inherit}
.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}
.panel-default{border-color:#ddd}

/* 内页浮动二维码 */
.float-ewm-box{
	padding:4px;
	border:solid #F1F1F1 1px;	
	text-align:center
}
.float-ewm-im{line-height:0}
.float-ewm-box p{margin-top:8px;font-size:18px;}
.float-ewm-box .fl-e-qq{margin-top:16px;line-height:46px;border-top:solid #EBEBEB 1px}
.float-ewm-box .fl-e-qq a{color:#1272b5;font-size:14px}
.float-ewm-box .fl-e-qq a:hover{color:#044370}

/* 代码高亮 */
.prettyprint,pre.prettyprint{padding:5px 10px;white-space:pre-wrap;word-wrap:break-word;background-color:#272822;border:1px solid #272822;overflow:hidden;margin:20px 0;font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important;color:#666}.prettyprint.linenums,pre.prettyprint.linenums{-webkit-box-shadow:inset 40px 0 0 #39382e,inset 41px 0 0 #464741;-moz-box-shadow:inset 40px 0 0 #39382e,inset 41px 0 0 #464741;box-shadow:inset 40px 0 0 #39382e,inset 41px 0 0 #464741}.prettyprint.linenums ol,pre.prettyprint.linenums ol{margin:0 0 0 31px;padding:5px 10px}.prettyprint.linenums ol li,pre.prettyprint.linenums ol li{color:#bebec5;line-height:20px;margin-left:0;list-style:decimal}.prettyprint ol.linenums{margin-bottom:0;background-color:#272822}.prettyprint .com{color:#93a1a1}.prettyprint .lit{color:#ae81ff}.prettyprint .clo,.prettyprint .opn,.prettyprint .pun{color:#f8f8f2}.prettyprint .fun{color:#dc322f}.prettyprint .atv,.prettyprint .str{color:#e6db74}.prettyprint .kwd,.prettyprint .tag{color:#f92659}.prettyprint .atn,.prettyprint .dec,.prettyprint .typ,.prettyprint .var{color:#a6e22e}.prettyprint .pln{color:#66d9ef}

/*  =======  2016.10.16 =========  */
a:hover,.menu-navlist a:hover,.new-tuij-list a:hover,.ullist a:hover,.mark h4 a:hover,.col a:hover,.h-ban-hot a:hover{color:#0096E0;text-decoration:none}
.index-topfon{background:#fff}
.hot-tt-box{padding:20px}
.hot-tt-box h2{font-size:24px;text-align:center}
.hot-tt-box h2 a{color:#4ba6e5}
.articleCon .hot-tj-tt{padding:0}
.hot-tt-box .info{margin-top:8px;color:#949494;font-size:14px;line-height:1.6}
.hot-tt-box .info a{color:#6c50be}
.hot-tt-box .info a:hover{text-decoration:underline}
.art-content table{margin-bottom:20px;width:100%;border:solid #ddd;border-width:0 0 1px 1px}
.art-content table th{background:#f5f5f5;border:solid #ddd;border-width:1px 1px 0 0;line-height:32px;padding:0 20px}
.art-content table td{line-height:32px;padding:0 20px;border:solid #ddd;border-width:1px 1px 0 0}

/* banner */
.ban-shadow{
	position: fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:.8;
	z-index:10000;
}
.h-ban-tan{position:relative;z-index:10001;}
.h-ban-del{position:absolute;right:15px;top:15px;display:block;width:60px;height:60px;font:bold 60px/60px "SimSun";color:#fff;z-index:10002;}
.h-ban-box{position:absolute;left:0;top:0;width:100%;height:124px;padding-top:60px;z-index:99}
.h-ban-t{height:30px;font-size:0;background:url(images/bantext.png) no-repeat center}
.h-ban-search{margin:10px auto 0;width:520px}
.h-ban-search form{position:relative}
.seach-inp{width:490px;padding:15px 15px 15px 20px;color:#999;font-size:17px;border:none;background:#fff;border-radius:4px}
.seach-btn{position:absolute;right:15px;top:50%;margin-top:-10px;display:block;width:20px;border:none;height:20px;background:url(images/newPublic.png) no-repeat -90px 0;font-size:0;cursor:pointer}
.h-ban-hot{padding:18px 0 0 12px;font-size:14px}
.h-ban-hot a{color:#ccc}
.h-ban-hot strong{font-weight:normal;color:#fff}
.h-ban-hot span{padding:0 10px;color:#ccc}

/* menu */
.menu-navbox{background:#fafafa;box-shadow:2px 0 4px #e2e2e2;font-size:0;line-height:48px;height:48px;font-size:0}
.menu-navbox a{display:inline-block;text-align:center;font-size:16px;color:#020202}
.menu-navbox span{color:#e2e0e0;display:inline-block;font-size:14px;padding:0 18px}


/* left box */
.box-style-fon{background-color:#fff}
.new-box-h{line-height:36px;font-size:18px;color:#fff;background:#069;font-weight:bold}
.new-tuij-list{
	padding:0;
	background: #f9f9f9;
}
.new-tuij-list .day-study-box li{
    padding-left:16px;
}
.new-tuij-list .day-study-box a{
    width: 100%;
    padding: 0;
    line-height:1.1;
}
.new-tuij-list li{border-top:solid #F6F6F6 1px}
.new-tuij-list li a{display:block;padding:0 20px;line-height:36px;color:#848484;border-top:solid #fff 1px}
.new-toll-list ul{background:#f5f5f5}
.new-toll-list li{border-color:#E1E1E1}

.new-tuij-item{
	font-size:0;
	padding-bottom: 12px;
	margin-bottom: 12px;
	border-bottom: solid #efefef 1px;
}
.new-tuij-item:last-child{
    padding: 0;
    margin: 0;
    border:none;
}
.new-tuij-c h4{
	font-size:16px;
	font-weight: bold;
	color: #000;
}
.new-tuij-c p{
	line-height:1.8;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.new-tuij-c p a{
	/*margin-right:11px;*/
	font-size:13px;
	color:#888;
}


/* right box */
.right-share-box{margin:10px auto 0;width:270px;padding:15px 0;border-top:solid #ECECEC 1px}
.ullist3,.label-list{padding:0}

/* footer */
.foot-r-img{width:226px}
.foot-conbox{font-size:0}
.foot-item-list{display:inline-block;*display:inline;*zoom:1;vertical-align:top;white-space:normal}
.foot-item-mar{padding:0 56px;margin:0 56px;border:solid #3B3B3B;border-width:0 1px}
.foot-item-list h4{font-size:14px;font-weight:bold}
.foot-item-list ul{margin-top:6px}
.foot-item-list li{padding:2px 0}

/* 搜索页面 */
#divMain{padding:20px 30px}
#divMain p{font-size:17px;font-weight:bold;color:#222;height:42px;line-height:40px;background:#f5f5f5;text-align:center}
.search{padding:20px 0;border-bottom:solid #eee 1px}
.search .post-title{font-size:15px;font-weight:bold}
.search .post-footer{margin-top:8px;color:#999}
.search .post-body{line-height:1.8;word-break: break-all;text-align: justify;}
.search .post-date{padding:6px 0;color:#999}
.search .schwords{color:#f00;font-weight:bold;}

/* 404 */
.none-text{text-align:center;padding:50px 0}
.none-text h3{font-size:22px;color:#000}
.none-text p{margin-top:12px;font-size:16px}

/* 笔记板块 */
.day-study-box{padding:0;height:254px;overflow:hidden}
.day-study-box ul{
	padding:8px 0;
}
.day-study-box li{position:relative;padding:4px 12px 4px 22px;background:url(images/public.png) no-repeat 9px -283px}
.day-study-box li:hover{background-color:#FDF9EC}
.day-study-box a{display:block;width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.day-st-box{font-size:0;text-align:center;white-space:nowrap}
.day-st-box li{display:inline-block;width:25%;border-bottom:solid #E6E6E6 2px;line-height:38px;font-size:16px;cursor:pointer}
.day-st-box li a{color:#a9a9a9}
.day-st-box .li-on{border-color:#175683;color:#c00;cursor:default}
.day-st-box .li-on a{color:#005f8e}
.day-study-box li span{position:absolute;right:10px;top:7px;color:#ccc;font-size:10px}
.cen-st-box{
    margin-top: 5px;
    display: flex;
}
.cen-st-box li{
    width: auto;
    padding: 0 13px;
}
.cen-pub-moredata{
    margin: 30px 0 50px;
    text-align: center;
}
.cen-pub-moredata a{
    display: inline-block;
    line-height: 32px;
    padding: 0 20px;
    border:solid #eee 1px;
}
.cen-pub-moredata a:hover{
    color: #0c94d7;
    border-color: #0c94d7;
}
.cen-qa-box{
    justify-content: space-around;
}
.cen-qa-box li{
    width: 10%;
    padding: 0;
}

/* usercenter */
.login-box{margin:50px auto;width:480px}
.login-box h3{padding-bottom:15px;font-size:22px;font-weight:bold;text-align:center;color:#333}
.inp-item{position:relative;margin-top:20px;font-size:14px}
.inp-item p{padding-bottom:10px}
.inp-item a{margin-left:10px}
.inp-fon{position:relative;border:solid #DEDEDE 1px;width:97%;height:20px;padding:16px 0 16px 3%;color:#333;font-size:16px}
.submit-btn{display:block;width:100%;border:none;line-height:50px;background:#4D9DDF;font-size:20px;text-align:center;cursor:pointer;color:#fff;z-index:1}
.submit-btn:hover{background:#3D94DC}
.no-account-info{margin-top:10px;font-size:15px;text-align:center}
.quick-login{margin-top:10px;font-size:13px;color:#999}
.inp-item a{color:#3D94DC}
.inp-item a:hover{text-decoration:underline}
.inp-item img{position:absolute;right:15px;top:50%;margin-top:-15px;z-index:2}
.user-tg-list{width:100%;font-size:15px}
.user-tg-list h3{position:relative;text-align:left}
.user-tg-list .con-tg-alink{position:absolute;right:0;top:50%;margin-top:-15px;color:#3d94dc;font-size:16px;height:30px;line-height:30px}
.user-tg-list .con-tg-alink:hover{text-decoration:underline}
.user-tg-ul li{position:relative;border-top:solid #eee 1px;padding:15px 0}
.user-tg-ul h4 a{font-size:16px}
.user-tg-ul .tg-list-intr,.user-tg-ul .tg-list-time{margin-top:4px;color:#999}
.user-tg-ul .tg-blank{color:#ddd;padding:0 10px}
.tg-article-t{position:absolute;right:0;top:50%;margin-top:-15px;height:30px;line-height:30px}


/* shop */
.shop-wrapper-box{background:#C30404;padding-bottom:50px}
.shop-wrapper-box .wrapper{width:1190px}
.shop-wrapper-box .shop-box-con{background:#fff;padding:20px;width:1150px;border-radius:8px;overflow:hidden}
.shop-wrapper-box .shop-banner{margin-bottom:30px;line-height:0}
.shop-wrapper-box .shop-box-con img{border-radius:10px;overflow:hidden}
.shop-page-box .page-left-pad{padding:0;border:none}
.shop-page-box .art-content{padding:0;border:none}
.shop-page-box .art-content p{text-align:center}

.shop-page-box{font-size:0}
.shop-page-box .articleCon li{display:inline-block;*display:inline;*zoom:1;width:26.3%;margin:0 1% 3%;vertical-align:top;background:#f5f5f5;border-radius:6px;overflow:hidden}
.shop-page-box .articleCon li{margin-bottom:3%;padding:0 2.5%}
.shop-page-box .articleCon li .thumb{float:none;width:100%;height:auto}
.shop-page-box .articleCon li .mark .info{font-size:14px}
.shop-page-box .articleCon li .mark{margin:20px 0 0}
.shop-page-box .articleCon li a.more{position:relative;bottom:auto;right:auto;width:100%;margin:20px auto;background:#C30404;color:#fff;border-radius:4px;font-size:18px;height:40px;line-height:40px}
.shop-page-box .articleCon li .mark h2{min-height:50px;font-size:18px;font-weight:bold;color:#555}
.shop-page-box .articleCon li a.more:hover{background:#EB0505}
.shop-page-box .art-content p a{display:block;margin:20px auto 0;width:75%;height:50px;line-height:50px;background:#C30404;color:#fff;border-radius:4px;font-size:18px}

.ullist4 li{width:100%;background:none;line-height:1.3;border-bottom:solid #eee 1px;padding:3% 0;}
.ullist4 .rela-im-jiet{overflow:hidden;float:left;display:block;box-shadow:4px 4px 4px rgba(0,0,0,.15)}
.shop-page-box .comment{display:none}
.shop-page-box #divCommentPost p{position:relative;font-size:14px}
.shop-page-box .ul.msg,.shop-page-box li.msgarticle,.shop-page-box .msgname small,.shop-page-box .commentname{font-size:13px}
.shop-page-box .msgname small{padding-left:0}
.shop-page-box img.avatar{width:30px;height:30px}
.shop-page-box .commentname{padding-left:4px}

/* code */
/*.prism-highlight{height:550px;overflow-y:auto}*/
.con-about .art-content h3,.con-about .art-content h2{padding:20px 0;margin-top:0;text-align:center;}
.con-about .art-content h3:before,.con-about .art-content h2:before{display:none;}


/* newfooter */
.newfooter a:hover{color:#4B73E3}
.new-bot-menu{padding:30px 0;background:#141414;color:#999}
.foot-item-list h4{margin-bottom:10px;font-size:16px;color:#d3d3d3;font-weight:bold}
.foot-item-list p{font-size:14px;line-height:1.8;text-align:justify}
.foot-item-list a,.foot-item-list{color:#999;font-size:14px}
.foot-item-list ul{font-size:0;margin-top:0;width:160px}
.foot-item-list li{display:inline-block;margin-right:20px;}
.foot-item-mar{padding:0 6%;margin:0 6%;border:solid #272727;border-width:0 1px}
.contact-link{padding-top:5px}
.contact-link a{position:relative;display:inline-block;width:40px;height:40px;background:url(images/public.png) no-repeat 0 0;font-size:0;opacity:.8}
.contact-link .link-weib{margin-left:25px;background-position:0 -41px;}
.contact-link a:hover{opacity:1}
.foot-item-wid{width:41%}
.link-ewm-layer{position:absolute;left:50%;margin-left:-72px;top:-155px;border:solid #efefef 1px;padding:4px;background:#fff}

.frend-link-box{background:#ECECEC;padding:15px 0 10px;position:relative;z-index:1}
.new-bot-copyrt{padding:15px 0;background:#000;color:#666;text-align:center;}
.new-bot-copyrt p{line-height:1.6}
.new-bot-copyrt a{color:#666;padding:0 5px;}

.foot-ad-link{padding:0 0 20px}
.foot-ad-link .frend-link{background:none;padding:0;position:relative;z-index:1}

/*@-webkit-keyframes yuan {
	0% {
		-webkit-transform:rotate(0);
	}

	100% {
		-webkit-transform:rotate(360deg);
	}
}

@keyframes yuan {
	0% {
		transform:rotate(0);
	}

	100% {
		transform:rotate(360deg);
	}
}*/

/* new 2023 */

/* new 2024 begin */
.newtopbg{
	line-height: 44px;
	background: #313131;
}
.newtopbg .wrapper{
	display: flex;
	align-items: center;
	justify-content:space-between;
}
.newtopbg ul{
	display: flex;
	align-items: center;
}
.newtopbg li a{
	color: #fff;
	font-size: 14px;
	margin-right:40px
}
.newtopbg li a:hover{
	color: #999;
}
.top-r-link,.top-r-link a{
	color: #fff;
}
.publeftmenu li a{
	font-size: 18px;
	color: #000;
}
.publeftmenu li{
	position: relative;
	margin-bottom: 14px;
}
.publeftmenu li s{
	position: absolute;
	top: 8px;
	right: 0;
	display: block;
	width: 14px;
	height: 9px;
	background: url(/images/down.png) no-repeat center;
	background-size: 100%;
}
.publeftmenu h3{
	font-size: 18px;
	color: #000;
	cursor: pointer;
}
.leftnav-children{
	margin: 6px 0 2px;
	flex-wrap: wrap;
}
.leftnav-children li{
	margin-right: 10px;
	margin-bottom: 0;
	display: inline-block;
	line-height: 1.8;
}
.leftnav-children li a{
	font-size: 13px;
	color: #777;
}
.leftnav-children li a:hover{
	color:#0096E0
}
.publeft-sitem{
	padding: 8px 0;
	border:solid #eee;
	border-width: 1px 0;
	font-size: 18px;
	color: #000;
	cursor: pointer;
}
.publeft-sitem i{
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url(/images/icon.png) no-repeat center -30px;
	background-size: 30px auto;
	vertical-align: middle;
	margin-right:5px;
}
.publeft-send a{
	display: block;
	line-height: 36px;
	border:solid #3a63a7 1px;
	text-align: center;
	color: #3a63a7;
	font-size: 14px;
}
.publeft-send a i{
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url(/images/icon.png) no-repeat center -60px;
	background-size: 30px auto;
	vertical-align: middle;
	margin-right:4px;
}


/* new 2024 end */


/* response */
@media(max-width:1200px){
	.wrapper,.w1200,.shop-wrapper-box .wrapper{position:relative;width:98%;z-index:20;height:100%}
	.rotaion_list li{min-height:188px}
	.articleCon li .mark .icogroup{white-space:normal}
	.cen-body .con-left{width:59%}
	.menu-navbox a{font-size:14px}
	.menu-navbox span{padding:0 12px}
	.articleCon li .thumb{width:180px}
	.articleCon li .mark{margin-left:200px}
}


@media(max-width:1023px){
	.con-right{display:none}
	.cen-body .con-left{width:100%}
	.menu-navbox{height:auto;line-height:1.8;padding:15px 0}

	/* footer */
	.foot-item-mar{margin:0 16px;padding:0 16px}
}

@media(max-width:767px){
	html{font-size:100px;}
	.left-aside-nav,.day-st-box,.newtopbg{
	    display: none;
	}
	.cen-pub-flex{
	    display: block;
	}
	.cen-body{
	    width: auto;;
	}
	.logo.page-logo{
		position: absolute;
		left: 10px;
		top: 9px;
	}
	.logomobile{
		display: block;
	}

	/* top */
	.topBar{height:.8rem;line-height:.8rem;}
	.logo i{width:.5rem;height:.5rem;background-size:100% auto}
	.page-logo i{background-position:0 0}
	.logo a{font-size:.28rem}
	.logo span{font-size:.32rem}

	.index-ad-box{display:none}


	/* 2018.5.21 */
	.page-topbox .top-r-link,.zhiding-box,.main-tit,.new-bot-menu,.frend-link-box{display:none}
	.articleCon{padding:0 3%}
	.articleCon li{padding:.5rem 0 .4rem;border-bottom: 1px dotted #ccc;}
	.articleCon li .thumb{box-shadow:0 0 5px #ccc}
	.graybg{background:#fff}


	/* menu */
	.menu-navbox,.search-fr,.left-aside-nav,.yx-rotaion,.frend-link,.foot-conbox{display:none}
	.hot-tt-box{background-size:36px auto}
	.mobile-side-btn{position:absolute;right:0;top:50%;display:block;margin-top:-.23rem;width:.46rem;height:.46rem;border:solid #0096E0 1px;font-size:0;text-align:center;line-height:0;background:#fff;}
	.index-topfon .mobile-side-btn{margin-top:-.23rem}
	.mobile-side-btn span{display:inline-block;width:.3rem;height:2px;background:#0096E0;line-height:0;overflow:hidden}
	.mobile-side-btn span:first-child{margin-top:.15rem}
	.mobile-side-btn span:nth-child(2){margin:.06rem 0}
	.mobile-lay-con{position:absolute;right:0;top:.8rem;font-size:0;background:#f2f2f2;border:none;text-align:right;box-shadow:0 0 6px #ccc;}
	.mobile-lay-con a{display:block;padding:0 .2rem;line-height:.5rem;border-bottom:solid #ccc 1px;font-size:.2rem;color:#444}

	/* banner */
	.h-ban-t{background-size:200px auto}
	.h-ban-search{width:94%}
	.seach-inp{padding:10px 3%;width:94%}
	.h-ban-hot{position:relative;padding-left:93px}
	.h-ban-hot span{display:inline-block}
	.h-ban-hot strong{position:absolute;left:3%;top:10px}

	/* left */
	.cen-body{margin-left:0}

	/* center */
	.wrapper .wrapper{width:100%;padding:0}
	.wrapper .shop-box-con{width:88%;padding:15px 3%}
	.shop-wrapper-box .shop-box-con{padding:15px 3%}
	.articleCon li .thumb{float:none;width:100%;margin-right:0;padding-bottom:0;height:auto;line-height:0;margin-bottom:.4rem;position: relative;height:2.8rem;overflow: hidden;}
	.articleCon li .mark{margin-left:0}
	.articleCon li .mark h2{line-height:1.3;font-size:.38rem;font-weight:700;padding:.05rem 0 .25rem}
	.articleCon li .mark .icogroup{font-size:.2rem}
	.articleCon li .thumb img{
		position: absolute;
		left:0;
		top:50%;
		margin-top:-.9rem;
	}
	.index-pubfon .cen-body.con-prt2{
	    margin-top: -.3rem;
	}
	.ico-list a{font-size:.2rem;line-height:.36rem;}
	.articleCon li .mark .info{
		font-size:.28rem;
		margin-top:.1rem;
		text-align:justify;
	}
	.mub-tags-box{
		font-size:.2rem;
	}

	/* 内页 */
	.pt10{margin-top:.2rem}
	.mb15{margin-bottom:.4rem;}
	.main-tit2{font-size:.52rem;}
	.comment h3{font-size:.36rem;}
	.comment h3 i{font-size:.24rem;padding-left:.15rem;}
	.comment h3 span{font-size:.24rem;padding-top:.13rem;}
	.tip-bar,.tip-bar span.tit{font-size:.2rem;}
	#divCommentPost p.posttop{display: none;}
	#divCommentPost label{font-size:.24rem;margin:.05rem 0 0 .2rem}
	input.text{line-height:1.6;height:.5rem;padding:.05rem .1rem;font-size:.24rem;}
	input.button{width:1.4rem;height:.6rem;font-size:.24rem;}
	#divCommentPost p{font-size:0;}
	li.msgarticle{font-size:14px;}

	/* pre */
	.prettyprint, pre.prettyprint{
		padding: .1rem .2rem;
		margin:.25rem 0;
		font-size:.28rem;
	}
	.prettyprint.linenums ol, pre.prettyprint.linenums ol{
		margin:0 0 0 .4rem;
		font-size:;
		padding:.1rem .2rem;
	}
	.prettyprint.linenums ol li, pre.prettyprint.linenums ol li{
		line-height:1.4;
	}

	

	/* page */
	.icon-00,.icon-01,.icon-02,.icon-03{background-size:8px auto;width:8px;height:8px}
	.page-position-box .positionbar ul .ico,.positionbar ul li.last,.bdsharebuttonbox,.comment h1,.articleCon li a.more{display:none}
	.page-con-box .con-left{margin:0 auto;width:96%;float:none}
	.positionbar ul li:nth-child(2){background:none}
	.positionbar{margin:.15rem 0;background:#f5f5f5;width:100%}
	.positionbar,.positionbar ul li{height:.6rem;line-height:.6rem;font-size:.2rem;padding:0 .2rem;}
	.positionbar ul li:nth-child(3){background:none}
	.page-adbox{margin:14px auto 5px}
	#divMain{padding:4% 3%}
	.main-tit2 .fb{font-size:28px}
	.page-left-pad{padding:0;margin:0}
	.art-content h2{font-size:.4rem;margin-top:.2rem;}
	.art-content h3,.art-content h4{font-size:.34rem}
	.art-content p img{width:100%;height:auto}

	.page-ly-box{padding:.05rem .1rem .3rem;}
	.page-ly-box .icogroup:first-child{width:100%;font-size:.2rem;float: none;}
	.page-ly-box .icogroup:last-child{width:100%;font-size:.2rem;float: none;}

	.page-con-box .art-content{
		padding:.3rem 0;
	}
	.art-content p{
		line-height:1.6;
		font-size:.3rem;
		margin-bottom:.4rem;
	}
	
	.page-position-box{padding-top:.2rem}
	.page-position-box .box-a{position:absolute;top:0;left:50%;width:96%;margin-left:-48%}
	
	.ullist4{padding-top:.3rem;}
	.ullist4 li{font-size:12px;background-size:5px;padding:.2rem;width:auto;text-align:justify;}
	.link-box h3{font-size:.36rem;font-weight:bold}
	.ullist4 li p{font-size:.28rem;margin-left:2.9rem;}
	.ullist4 li img{width:2.6rem;}
	.ullist4 li .time{font-size:.18rem;margin-top:.3rem;}
	

	.pagination a,.pagination span{display:inline-block;margin-bottom:.2rem;padding:.1rem .13rem;font-size:.2rem;}

	.ah_nav_zuo_lim{float:none;background:none;white-space:nowrap}
	.page-position-box .seach_cha{width:75.8%;padding:1px 0 1px 4%}
	.page-position-box .seach_dian{float:none;width:20%}

	/* tags */
	.tags-infobox{
		margin-top:.3rem;
		padding:.4rem;
		background:#fff;
	}
	.tags-infobox .tags-info-title{
		font-size:.6rem;
	}
	.tags-infobox .tags-info-list p{
		margin-bottom:.2rem;
		font-size:.28rem;
	}
	.tags-infobox .tags-info-list h2{
		font-weight:bold;
		padding:.25rem 0 .2rem;
		font-size:.46rem;
	}
	.tags-infobox .tags-info-list h3{
		font-weight:bold;
		padding:.25rem 0 .2rem;
		font-size:.38rem;
	}
	.tags-infobox .tags-info-list  ul{
		margin:0 0 .2rem .3rem;
	}
	.tags-infobox .tags-info-list  ul li p{
		margin-bottom:6px;
	}


	/* shop */
	.shop-page-box .articleCon li a.more{
		display:block;
		line-height:38px;
		height:38px;
		font-size:16px;
	}
	.shop-page-box .articleCon li .thumb{
		padding-bottom:8px
	}
	.shop-page-box .articleCon li{
		width:43%;
		margin:0 0 4%;
	}
	.shop-page-box .articleCon li:nth-child(2n){
		margin-left:3.8%
	}
	.shop-page-box .articleCon li .mark{
		margin-top:0
	}
	.shop-page-box .articleCon li .mark h2{
		font-size:15px;
		line-height:1.3;
		padding-bottom:0;
		text-align:justify;
	}
	.shop-page-box .articleCon li .mark .info{
		font-size:13px;line-height:1.2;
		text-align:justify;
	}
	.shop-page-box .art-content p a{
		height:40px;
		line-height:40px;
		font-size:18px
	}

	.shop-page-box #divCommentPost label{position:absolute;right:10px;top:0;margin:0;font-size:13px;line-height:34px}

.shop-page-box #frmSumbit p:nth-child(4),.shop-page-box #frmSumbit p:nth-child(5){display:none}
.shop-page-box #divCommentPost input.text{padding:2px 0 2px 4%;width:93.8%;height:32px;}
.shop-page-box #divCommentPost img{position:absolute;right:70px;top:3px;margin:0;}

.shop-page-box .ul.msg,.shop-page-box li.msgarticle,.shop-page-box .msgname small,.shop-page-box .commentname{font-size:12px}
.shop-page-box li.msgarticle{padding-left:20px}


	

	/* footer */
	.foot-item-mar{margin:0 16px;padding:0 16px}
	.mo-text{display:block;color:#999;line-height:1.6}
	.foot-linkbox{padding-bottom:25px}
	.foot-r-img{margin:0 auto;float:none;text-align:center}
	.foot-r-img img{width:180px}
	.new-bot-copyrt{padding:.4rem .2rem;}
	.new-bot-copyrt p{font-size:.2rem;}
}

@media(max-width:359px){	
	.shop-page-box .articleCon li{
		width:92%;
		padding:0 4%;
		margin-bottom:6%
	}
	.shop-page-box .articleCon li:nth-child(2n){
		margin:0 0 6%
	}
}

.frend-link li{
	display: inline-block;
	*display: inline;
	*zoom:1;
	vertical-align:middle;
	margin-right:3%;
}

/*  首页临时改版完要删除  */
/* .index-fonc .topBar{box-shadow:none} */


.page-payment-box{
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background:rgba(0,0,0,.6);
            z-index: 10000;
        }
        .page-payment-con{
            position: absolute;
            left: 50%;
            top:50%;
            margin:-215px 0 0 -300px;
            width: 600px;
            height: 430px;
            background:#fff;
            border-radius:10px;
        }
        .page-payment-del{
            position: absolute;
            right:-15px;
            top:-15px;
            font-family:Arial, Helvetica, sans-serif;
            width:30px;
            height: 30px;
            background-color:#f5f5f5;
            text-align: center;
            line-height: 30px;
            font-size:26px;
            border-radius:100%;
            cursor: pointer;
        }
        .page-payment-pub{
            padding:4% 5%;
            text-align: center;
        }
        .page-payment-nr{
            font-size:0;
            white-space:nowrap;
        }
        .page-payment-item{
            display: inline-block;
            vertical-align: top;
            line-height: 0;
            width:40%;
            padding: 1% 3% 3%;
            background:#25ab3a;
            border-radius:5px;
        }
        .page-payment-item:last-child{
            margin-left:5%;
            background:#1977ff;
        }
        .page-payment-item p{
            font-size:16px;
            color:#fff;
            line-height: 2.4;
        }
        .page-payment-item .page-payment-img{
            padding:10px;
            background:#fff;
        }
        .page-payment-info{
            margin-top:30px;
            font-size:18px;
            color:#f00;
        }
        .page-payment-pub h3{
            text-align: center;
            font-size:24px;
            margin: 0 0 20px;
            font-weight: bold;
        }
        .page-payment-btn{
            margin:20px auto;
            width:260px;
            text-align: center;
            padding:10px;
            border-radius:42px;
            background:#f5f5f5;
            cursor: pointer;
            color:#7ab951;
            font-size: 16px;
        }
        .page-payment-btn i{
            margin-right:10px;
            display: inline-block;
            background: #7ab951;
            width: 36px;
            height: 36px;
            font-size: 16px;
            font-weight: 600;
            line-height:36px;
            border-radius:100%;
            vertical-align: middle;
            color:#fff;
            font-style: normal;
        }
        @media(max-width:750px){
            
            .page-payment-con{
                margin:-2.5rem 0 0 -47%;
                width: 94%;
                height: 5rem;
                border-radius:.1rem;
            }
        }